import React from 'react';
import {StyleSheet, View,} from 'react-native';
import TouchButton from "../widget/btn/HighlightButton";
import OpacityButton from "../widget/btn/OpacityButton";
import RippleButtonBorderless from "../widget/btn/RippleButtonBorderless";
import RippleButton from "../widget/btn/RippleButton";

/** Button */
export default class PageButton extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={{height: 15}}/>
                <TouchButton disabled={false} title={'TouchButton_可以'} onPress={()=>{ }}/>
                <View style={{height: 15}}/>
                <TouchButton disabled={true} title={'TouchButton_不行'} onPress={()=>{ }}/>

                <View style={{height: 15}}/>
                <OpacityButton disabled={false} title={'OpacityButton_可以'} onPress={()=>{ }}/>
                <View style={{height: 15}}/>
                <OpacityButton disabled={true} title={'OpacityButton_不行'} onPress={()=>{ }}/>

                <View style={{height: 15}}/>
                <RippleButton disabled={false} title={'Ripple_可以'} onPress={()=>this.show()}/>
                <View style={{height: 15}}/>
                <RippleButton disabled={true} title={'Ripple_不行'} onPress={()=>{ }}/>

                <View style={{height: 15}}/>
                <RippleButtonBorderless disabled={false} title={'Ripple_Borderless_可以'} onPress={()=>this.show()}/>
                <View style={{height: 15}}/>
                <RippleButtonBorderless disabled={true} title={'Ripple_Borderless_不行'} onPress={()=>{ }}/>
            </View>
        );
    }

    show(){
        // ToastAndroid.show ('123', ToastAndroid.SHORT);
    }
}

//样式定义
const styles = StyleSheet.create({
    container: {
        flexDirection: 'column',
        alignItems: 'center',
        // justifyContent: 'center',
    },
});


